@charset "utf-8";
/* CSS Document */

#container .head .h1{ opacity:0;}
#container .head .h2{ opacity:0;}
#container .head .h3{ opacity:0;}
#container .head .p{ opacity:0;}
#container .head .more{ opacity:0;}

#container .show .head .h1,#container .show .head .h2,#container .show .head .h3,#container .show .head .p,#container .show .head .more{
	-webkit-transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	transform:translateY(-100px);
	}
#container .show .head .h1{
	-webkit-animation:showHead 1s ease-in-out both;
	-moz-animation:showHead 1s ease-in-out both;
	animation:showHead 1s ease-in-out both;
	}
#container .show .head .h2{
	-webkit-animation:showHead 1s ease-in-out .3s both;
	-moz-animation:showHead 1s ease-in-out .3s both;
	animation:showHead 1s ease-in-out .3s both;
	}
#container .show .head .h3{
	-webkit-animation:showHead 1s ease-in-out .6s both;
	-moz-animation:showHead 1s ease-in-out .6s both;
	animation:showHead 1s ease-in-out .6s both;
	}
#container .show .head .p{
	-webkit-animation:showHead 1s ease-in-out .6s both;
	-moz-animation:showHead 1s ease-in-out .6s both;
	animation:showHead 1s ease-in-out .6s both;
	}
#container .show .head .more{
	-webkit-animation:showHead 1s ease-in-out .9s both;
	-moz-animation:showHead 1s ease-in-out .9s both;
	animation:showHead 1s ease-in-out .9s both;
	}
@-webkit-keyframes showHead{
	0%{ opacity:0; -webkit-transform:translateY(-100px);}
	100%{ opacity:1; -webkit-transform:translateY(0);}
	}
@-moz-keyframes showHead{
	0%{ opacity:0; -moz-transform:translateY(-100px);}
	100%{ opacity:1; -moz-transform:translateY(0);}
	}
@keyframes showHead{
	0%{ opacity:0; transform:translateY(-100px);}
	100%{ opacity:1; transform:translateY(0);}
	}